<%@ include file="../common/top.jsp"%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<link rel="StyleSheet" href="css/itemcard.css" type="text/css"
      media="screen" />

<div id="Main">
    <%--    我的喜欢--%>
    <%session.setAttribute("page", "main");%>
    <%@ include file="../account/myFavorite.jsp"%>



    <div id="a1">
        <div id="a2">
            <a href="itemForm?itemId=EST-11"  onmouseover="hiddenInform2(event)"><img id="a3" src="images/jr.png"/></a>
            <a href="itemForm?itemId=EST-13 " onmouseover="hiddenInform2(event)"><img id="a3" src="images/bxg.png"/></a>
            <a href="itemForm?itemId=EST-15"  onmouseover="hiddenInform2(event)"><img id="a3" src="images/lmzs.png"/></a>
            <a href="itemForm?itemId=EST-28"  onmouseover="hiddenInform2(event)"><img id="a3" src="images/hbq.png"/></a>
            <a href="itemForm?itemId=EST-11"  onmouseover="hiddenInform2(event)"><img id="a3" src="images/jr.png"/></a>
        </div>
        <div class="circle">
            <div class="active"></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>

        <br>
        <br>
        <br>


        <div id="inform" style="display: none">sssssssssss</div>
        <style>
            #inform
            {  width: 200px;height: 300px;
                background-color: antiquewhite;
                border:1px solid ;
                padding: 2ch 0 2ch 2.5ch;
                border-radius: 40px 0 40px 40px;
                border-color: #b4a2e8;
                position:absolute;
            }
        </style>
        <script type="text/javascript" src="${pageContext.request.contextPath }/js/mouseEvent.js">
        </script>

        <br>
        <br>
        <br>


        <div id="item_group" onmouseover="hiddenInform(event)" >
        <div id="item" onmouseover="hiddenInform(event)">
            <a href="itemForm?itemId=EST-11"  shape="rect" onmouseover="showInform(href);"
               >
                <div id="dis" class="item_card"  >
                    <div  class="item_card_pic" >
                        <img id="pic" src="images/jerry.jpg" >
                    </div>
                    <div class="item_card_content">
                        <h4>Jerry杰瑞</h4>
                        <div class="item_card_description">
                            芝士，美国扁桃仁,清纯鲜奶，优化芝士层
                        </div>
                    </div>
                </div>
            </a>

            <a href="itemForm?itemId=EST-13" shape="rect"
               onmouseover="showInform(href);">
                <div class="item_card">
                    <div class="item_card_pic">
                        <img id="pic" src="images/passionFruit.jpg"/>
                    </div>
                    <div class="item_card_content">
                        <h4>百香果乳酪蛋糕</h4>
                        <div class="item_card_description">
                            百香果酱，酸奶酪,微酸，冰激凌口感，多重口味享受
                        </div>
                    </div>
                </div>
            </a>

            <a href="itemForm?itemId=EST-15" shape="rect"
               onmouseover="showInform(href);"  >
                <div class="item_card">
                    <div class="item_card_pic">
                        <img id="pic" src="images/LMcheese.jpg"/>
                    </div>
                    <div class="item_card_content">
                        <h4>朗姆芝士</h4>
                        <div class="item_card_description">
                            朗姆酒，柠檬，芝士,酒香，微苦，清新的柠檬
                        </div>
                    </div>
                </div>
            </a>

        </div>

        <div id="item">
            <a href="itemForm?itemId=EST-28" shape="rect"
               onmouseover="showInform(href);"  >
                <div class="item_card">
                    <div class="item_card_pic">
                        <img id="pic" src="images/bwCHOCO.jpg"/>
                    </div>
                    <div class="item_card_content">
                        <h4>黑白巧</h4>
                        <div class="item_card_description">
                            君度酒，比利时巧克力,白慕斯的甜，与底部黑巧克力的苦
                        </div>
                    </div>
                </div>
            </a>

            <a href="itemForm?itemId=EST-9" shape="rect"
               onmouseover="showInform(href);" >
                <div class="item_card">
                    <div class="item_card_pic">
                        <img id="pic" src="images/songren.jpg"/>
                    </div>
                    <div class="item_card_content">
                        <h4>松仁淡奶</h4>
                        <div class="item_card_description">
                            大兴安岭松仁,松子的香气,口感丝滑绵密，适合家庭分享
                        </div>
                    </div>
                </div>
            </a>

            <a href="itemForm?itemId=EST-6" shape="rect"
               onmouseover="showInform(href);"  >
                <div class="item_card">
                    <div class="item_card_pic">
                        <img id="pic" src="images/orange.jpg"/>
                    </div>
                    <div class="item_card_content">
                        <h4>橘与橙</h4>
                        <div class="item_card_description">
                            奶油，卡曼橘,包含不同柑橘元素，7个风味层次
                        </div>
                    </div>
                </div>
            </a>

        </div>
    </div>





    <%--            <div id="item">--%>
    <%--                <a href="itemForm?itemId=EST-1">--%>
    <%--                    <img id="pic" src="images/te.jpg" />--%>
    <%--                    <p id="txt">Saltwater, Freshwater</p></a>--%>
    <%--                <a href="itemForm?itemId=EST-1">--%>
    <%--                    <img id="pic" src="images/te.jpg" />--%>
    <%--                    <p id="txt">Saltwater, Freshwater</p></a>--%>
    <%--                <a href="itemForm?itemId=EST-1">--%>
    <%--                    <img id="pic" src="images/te.jpg" />--%>
    <%--                    <p id="txt">Saltwater, Freshwater</p></a>--%>
    <%--            </div>--%>



    <%--    <div id="Sidebar">--%>
    <%--        <div id="SidebarContent">--%>
    <%--            <a href="categoryForm?categoryId=FISH"><img src="images/fish_icon.gif" /></a><br />--%>
    <%--            Saltwater, Freshwater <br />--%>
    <%--            <a href="categoryForm?categoryId=DOGS"><img src="images/dogs_icon.gif" /></a><br />--%>
    <%--            Various Breeds <br />--%>
    <%--            <a href="categoryForm?categoryId=CATS"><img src="images/cats_icon.gif" /></a><br />--%>
    <%--            Various Breeds, Exotic Varieties <br />--%>
    <%--            <a href="categoryForm?categoryId=REPTILES"><img src="images/reptiles_icon.gif" /></a><br />--%>
    <%--            Lizards, Turtles, Snakes <br />--%>
    <%--            <a href="categoryForm?categoryId=BIRDS"><img src="images/birds_icon.gif" /></a><br />--%>
    <%--            Exotic Varieties--%>
    <%--        </div>--%>
    <%--    </div>--%>

    <%--    <div id="MainImage">--%>
    <%--        <div id="MainImageContent">--%>
    <%--            <map name="estoremap">--%>
    <%--                <area alt="Birds" coords="72,2,280,250"--%>
    <%--                      href="categoryForm?categoryId=BIRDS" shape="RECT" />--%>
    <%--                <area alt="Fish" coords="2,180,72,250"--%>
    <%--                      href="categoryForm?categoryId=FISH" shape="RECT" />--%>
    <%--                <area alt="Dogs" coords="60,250,130,320"--%>
    <%--                      href="categoryForm?categoryId=DOGS" shape="RECT" />--%>
    <%--                <area alt="Reptiles" coords="140,270,210,340"--%>
    <%--                      href="categoryForm?categoryId=REPTILES" shape="RECT" />--%>
    <%--                <area alt="Cats" coords="225,240,295,310"--%>
    <%--                      href="categoryForm?categoryId=CATS" shape="RECT" />--%>
    <%--                <area alt="Birds" coords="280,180,350,250"--%>
    <%--                      href="categoryForm?categoryId=BIRDS" shape="RECT" />--%>
    <%--            </map>--%>
    <%--            <img height="355" src="images/splash.gif" align="middle"--%>
    <%--                 usemap="#estoremap" width="350" /></div>--%>
    <%--    </div>--%>

    <div id="Separator">&nbsp;
    </div>
</div>
<%@ include file="../common/bottom.jsp"%>
